<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>  
<!DOCTYPE html>
<html lang="en">
	<head>
		
		<title>成绩列表</title>
		<!--[if lte IE 8]-->
		<script src="${pageContext.request.contextPath}/static/assets/js/html5shiv.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/respond.min.js"></script>
		<!--[endif]-->		
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/lib/jquery-1.11.1.min.js"></script>	
		<script type="text/javascript" src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/assets/js/score/scoreList.js"></script>
		
		<%
		String path = request.getContextPath();
		request.setAttribute("path", path);
		%>	
  </head>
<body class="no-skin">
<input type="hidden" id="path" value="${path}">
		<!-- #section:basics/navbar.layout -->

		<!-- /section:basics/navbar.layout -->
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<!-- #section:basics/sidebar -->

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<!-- #section:basics/content.breadcrumbs -->

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">
					<!-- #section:settings.box -->
					<div class="ace-settings-container" id="ace-settings-container">
						<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
							<i class="ace-icon fa fa-cog bigger-150"></i>
						</div>

						<div class="ace-settings-box clearfix" id="ace-settings-box">
							<div class="pull-left width-50">
								<!-- #section:settings.skins -->
								<div class="ace-settings-item">
									<div class="pull-left">
										<select id="skin-colorpicker" class="hide">
											<option data-skin="no-skin" value="#438EB9">#438EB9</option>
											<option data-skin="skin-1" value="#222A2D">#222A2D</option>
											<option data-skin="skin-2" value="#C6487E">#C6487E</option>
											<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
										</select>
									</div>
									<span>&nbsp; Choose Skin</span>
								</div>

								<!-- /section:settings.skins -->

								<!-- #section:settings.navbar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
									<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
								</div>

								<!-- /section:settings.navbar -->

								<!-- #section:settings.sidebar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
									<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
								</div>

								<!-- /section:settings.sidebar -->

								<!-- #section:settings.breadcrumbs -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
									<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
								</div>

								<!-- /section:settings.breadcrumbs -->

								<!-- #section:settings.rtl -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
									<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
								</div>

								<!-- /section:settings.rtl -->

								<!-- #section:settings.container -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
									<label class="lbl" for="ace-settings-add-container">
										Inside
										<b>.container</b>
									</label>
								</div>

								<!-- /section:settings.container -->
							</div><!-- /.pull-left -->

							<div class="pull-left width-50">
								<!-- #section:basics/sidebar.options -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
									<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
									<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
									<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
								</div>

								<!-- /section:basics/sidebar.options -->
							</div><!-- /.pull-left -->
						</div><!-- /.ace-settings-box -->
					</div><!-- /.ace-settings-container -->

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="page-header">
							<h1>
								Tables
								<small>
									<i class="ace-icon fa fa-angle-double-right"></i>
									成绩列表
								</small>
							</h1>
						</div><!-- /.page-header -->

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>								
											<tr><th colspan="6"><a id="toselectScore">查询成绩</a></th></tr>
												<tr>							
													<th>编号</th>
													<th>学号</th>
													<th>姓名</th>
													<th>科目名称</th>
													<th>考试时间</th>
													<th>分数</th>																
												</tr>
											</thead>

											<tbody>
											
											<c:if test="${not empty message }">
											<script type="text/javascript">
											alert('${message}');
											</script>
											</c:if>
											
											   <c:forEach items="${scoreVOList }" var="scoreVO" varStatus="status">
												<tr>
												    <td>${status.count }</td>											
													<td>${scoreVO.userVO.user_id}</td>
													<td>${scoreVO.userVO.user_name }</td>
													<td >${scoreVO.subjectVO.name}</td>
													<td >${scoreVO.exam_time }</td>
													<td >${scoreVO.score }</td>																																
												</tr>
												 </c:forEach>
											</tbody>
										</table>
									</div><!-- /.span -->
								</div><!-- /.row -->											
					</div><!-- /.page-content-area -->
				</div><!-- /.page-content -->
			</div><!-- /.main-content -->
		</div>
		</div>
	

	
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		<!-- 查询成绩模块   -->
		<div class="modal fade" id="selectScoreModal" tabindex="-1" role="dialog" aria-labelledby="selectScoreModalLabel" aria-hidden="true">
		<div class="modal-dialog">
		<div class="modal-content">
		<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
		&times;
		</button>
		<h4 class="modal-title" id="uploadFileModalLabel">
		查询条件
		</h4>
		</div>
		
<form:form method="POST" action="${pageContext.request.contextPath}/selectScore" modelAttribute="queryCondition">
		<div class="modal-body">		
        <table style="table-layout: fixed;" class="table table-striped table-bordered"  >  
	<thead>
		<tr>
			<th class="col-md-6">条件</th>			
			<th>选择</th>
		</tr>
	</thead> 
	<tbody>       
            <tr>
                <td ><form:label path="name">科目名称：</form:label></td>
                <td>
                <form:select path="name">
                        <form:option value="NONE" label="请选择..." />
                        <form:options items="${nameList}" />
                </form:select>
                </td>
            </tr>
             <tr>
                <td ><form:label path="user_id">学号：</form:label></td>
                <td>
                <form:select path="user_id">
                        <form:option value="NONE" label="请选择..." />
                        <form:options items="${userIdList}" />
                </form:select>
                </td>
            </tr>
            <tr>
                <td ><form:label path="user_name">姓名：</form:label></td>
                <td>
                <form:select path="user_name">
                        <form:option value="NONE" label="请选择..." />
                        <form:options items="${userNameList}" />
                </form:select>
                </td>
            </tr>
            <tr>
                <td ><form:label path="exam_time">考试时间：</form:label></td>
                <td>
             <form:input type="text" path="exam_time" class="Wdate form-control col-xs-10 col-sm-5" style="display:inline;width:186px;height:35px;" id="exam_time" placeholder="考试时间" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />
                </td>
            </tr>
            
            </tbody>                                        
        </table>
       		
		</div>		
		<div class="modal-footer">
		<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		<button id="selectScore" type="submit" class="btn btn-primary">查询</button>
		</div>
</form:form>
		</div>
		</div>
		</div>

	
		
	</body>
</html>